<template>
  <div>
    <h2>个人信息登记</h2>
    <span>姓名:</span>
    <input type="text" v-model="username" /> <br />
    <span>年龄:</span>
    <input type="password" v-model="age" /> <br />
    <span>现居地：</span>
    <select v-model="select">
      <option value="北京">北京</option>
      <option value="上海">上海</option>
      <option value="广州">广州</option>
    </select>
    <br />
    <span>性别:</span>
    <input name="sex" value="男" v-model="sex" type="radio" />男
    <input name="sex" value="女" v-model="sex" type="radio" />女 <br />
    <span>爱好：</span>
    <input v-model="hobby" value="抽烟" type="checkbox" />抽烟
    <input v-model="hobby" value="喝酒" type="checkbox" />喝酒
    <input v-model="hobby" value="烫头" type="checkbox" />烫头 <br />
    <span>自我介绍：</span>
    <textarea v-model="text"></textarea>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: "",
      age: "",
      select: "",
      sex: "",
      hobby: [],
      text: "",
    };
  },
};
</script>

<style scoped>
</style>